import { PureComponent } from 'react'
import { Modal, Select, Table } from 'antd'
import styles from './storageCheckModal.less'
const { Option } = Select
class StorageCheckModal extends PureComponent {
    handleOk = () => {
        const { onOk } = this.props
        onOk()
    }
    handleCancel = () => {
        const { onCancel } = this.props
        onCancel()
    }
    render(){
        const { visible } = this.props
        const rowSelection = {
            // onChange: (selectedRowKeys, selectedRows) => {
            //     console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
            // },
            // getCheckboxProps: record => ({
            //     disabled: record.name === 'Disabled User', // Column configuration not to be checked
            //     name: record.name,
            // }),
        };
        const dataList = []
        const columns = [
        {
            key: 'gmtCreate',
            title: '货架编号',
            dataIndex: 'gmtCreate',
            align: 'center',
        },
        {
            key: 'operationTypeName',
            title: '所属仓库',
            dataIndex: 'operationTypeName',
            align: 'center',
        },
        {
            key: 'creatorName',
            title: '货架区域',
            dataIndex: 'creatorName',
            align: 'center',
        },
        {
            key: '5',
            title: '始发港',
            dataIndex: 'creatorName',
            align: 'center',
        },
        {
            key: '6',
            title: '目的港',
            dataIndex: 'creatorName',
            align: 'center',
        },
        {
            key: '7',
            title: '当前件数',
            dataIndex: 'creatorName',
            align: 'center',
        }
        ]
        return(
            <Modal
            title="创建盘库任务"
            centered
            width={800}
            visible={visible}
            onOk={this.handleOk}
            onCancel={this.handleCancel}
        >
            <div className={styles.storageCheckModal}>
              <div className={styles.modalSearch}>
                <span className={styles.modalSpan}>仓库名称：</span>
                <Select className={styles.modalInput}>
                    <Option value="show">show</Option>
                </Select>
              </div>
              <Table rowSelection={rowSelection} columns={columns} dataSource={dataList} />
            </div>
        </Modal>
        )
    }
}
export default StorageCheckModal
